<template>
	<view class="top_info">
		<view class="top">
			<image src="/static/images/group/modify_title.png" alt="" mode="widthFix"/>
			<icon type="clear" @click="drawerClose" size="35"/>
		</view>
		<view class="title"><text>{{title}}</text></view>
	</view>	
</template>

<script>
	export default{
		name:"DrawerTop",
		props:{
			title:{
				type:String,
				default:'文本'
			}
		},
		methods:{
			drawerClose(){
				this.$emit('drawerClose');
			}
		}
	}
</script>

<style scoped lang="less">
	 .top {
		display: flex;
		align-items: center;
		justify-content:space-between;
		// border:0.5px gold solid;
		// height:65rpx;
		margin-top: 51rpx;
	}
	.top  image {
		width:292rpx;
	}
	.top icon {
		width:70rpx ;
		margin-right:66rpx;

	}
	 .title{
		font-size:40rpx;
		color: #fff;
		position: absolute;
		left:0;
		top:74rpx;
		// border:0.5px red dashed;
		letter-spacing: 5rpx;
		// height:65rpx;
		width:292rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>
